<template>
	<fui-row class="selected">
		<fui-col :span="24" class="el">
			<text>已选:</text>
			<view class="val"> {{value}} </view>
		</fui-col>
	</fui-row>
</template>

<script>
	export default {
		props: {
			value: {
				type: String,
				default: ''
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.selected {
		display: flex;
		align-items: center;
		padding: 16rpx 32rpx;
		overflow: hidden;
		white-space: nowrap;

		.el {
			position: relative;
			display: flex;
			align-items: center;

			.val {
				margin-left: 16rpx;
				color: #0052d9;
				font-size: 32rpx;
			}
		}
	}
</style>